/**
 * 学习目标：类组件声明状态 state，并且使用 - 等同于 vue 中的data
 */
import React from 'react';
import ReactDOM from 'react-dom';
// 1. 声明 class 组件
class App extends React.Component {
  // 2. 声明 state 状态
  state = {
    count: 100,
    msg: '你好react',
  };
  render() {
    // 🌹 渲染完成后，this指向当前组件实例对象，跟vue类似
    console.log('this -----> ', this);
    // 3. 获取state
    return (
      <div>
        我是App - {this.state.count} - {this.state.msg}
      </div>
    );
  }
}

ReactDOM.render(<App></App>, document.getElementById('root'));
